<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--1.form表示整个表单 action表示收集好数据的提交地址 #代表数据提交到当前页-->
<form action="#">
<!--    2.value属性用来保存输入框的值，也可以用来设置输入框的默认值
          value如果设置在按钮上，用来设置按钮上显示文本-->
    用户名:<input type="text" name="uname" value="达达"> <br>
<!--    单值属性：readonly：只读（只能看不能改） disabled：禁用（只能看不能改，且值不能提交）-->
    昵称:<input type="text" name="nickname1" value="昵称1" readonly> <br>
    昵称2:<input type="text" name="nickname2" value="昵称2" disabled> <br>
    密码:<input type="password" name="upwd" placeholder="请输入密码"> <br>
    密码2:<input type="password" name="upwd2" maxlength="6"> <br>
    性别:
    <input type="radio" name="gender" checked value="1">男
    <input type="radio" name="gender" value="2">女
    <br>
    爱好:
    <input type="checkbox" name="like" value="cy" checked>抽烟
    <input type="checkbox" name="like" value="hj" checked>喝酒
    <input type="checkbox" name="like" value="tt">烫头
    <input type="checkbox" name="like" value="java">学Java
    <br>
<!--    h5新增的一些input控件-->
    生日:<input type="date" name="birthday"><br>
    幸运色:<input type="color" name="lc"> <br>
<!--    取值范围[0.100]，默认值为50-->
    缩放:<input type="range" name="sz"> <br>
    文件:<input type="file" name="uf"> <br>
    <br>
    喜欢的城市:
    <select name="city">
        <option value="bj">北京</option>
        <option value="nj" selected>南京</option>
        <option value="zh">珠海</option>
        <option value="cc">长春</option>
    </select>
    <br>
    <input type="checkbox" id="ok">
    <label for="ok">我同意以上协议</label>
    <br>
<!--    效果：点击文字时，关联的输入框直接获取焦点（获得输入的那个光标）-->
    <label for="uu">关联文字</label>
    <input type="text" placeholder="请输入" id="uu">
<!--    多行文本域-->
    留言板:
    <textarea name="content" rows="5" cols="30" style="resize: none;">默认值</textarea>
    <br>
    <input type="submit" value="点我提交">
    <input type="reset"  value="点我重置">
    <input type="button" value="普通按钮">
    <button>我是按钮</button>
</form>
</body>
</html>